<!--<template>
  <div class="page-cell">
    <gheader :examplename="examplename"></gheader>
    <div class="page-cell-swipe-wrapper">
      <mt-cell-swipe v-for="(n,i) in 5" :key="i"
        :right="rightButtons"
        title="未读消息"></mt-cell-swipe>
    </div>
    
  </div>
</template>
<script>
export default {
  name: 'CellSwipe',
  data() {
    return {
      examplename: 'CellSwipe',
      rightButtons: null
    }
  },
  created() {
    this.rightButtons = [
      {
        content: '标为未读',
        style: { background: 'lightgray', color: '#fff' }
      },
      {
        content: '删除聊天',
        style: { background: 'red', color: '#fff' },
        handler: () => this.$messagebox('delete')
      }
    ]
  },
  methods: {
    leftButtonHandler(evt) {
      console.log(123);
    }
  }
}
</script>
<style type="text/css">

</style>
-->

<template>
	<chatting></chatting>
		
	</div>
</template>

<script>
import chatting from '../public/chatting.vue'
    export default {
        //2.然后,在components中写入子组件
        components: {chatting},
        methods: {
        	
        },
    }
</script>

<style>
	
</style>
